<template>
  <!-- <div>展示地址<a href=" http://192.168.124.44:8110/druid/login.html"></a></div> -->
  <a href="http://192.168.124.44:8110/druid/login.html">展示地址</a>
</template>

<script>
import { list, remove } from '@/api/system/largeScreenDetail'
// import AddOrUpdate from './addOrUpdate' // 新增或编辑页面

export default {
  // name: 'Index',
  // data() {
  //   return {
  //     loading: true,
  //     pageId: '可视化设置', // 页面唯一标识
  //     pageData: {
  //       pageNum: 1,
  //       pageSize: 20,
  //       orderByColumn: 'updateTime',
  //       isAsc: 'desc'
  //     },
  //     total: 1, // 数据一共有多少条
  //     mainId: 'id', // 表格行ID
  //     tableHeight: '0', // 表格高度
  //     tableData: [], // 表格数据
  //     tableColumns: [], // 表格实际用的字段
  //     searchColumns: [], // 搜索区实际用的字段
  //     selections: [], // 表格当前页所选中的行
  //     selectionsAll: [], // 表格所有页选中的行
  //     defaultTableColumns: [// 表格常规字段（初始值）
  //       { prop: 'code', label: '展示编码' },
  //       { prop: 'name', label: '展示名称' },
  //       { prop: 'addr', label: '展示地址' },
  //       { prop: 'remark', label: '备注' }
  //     ],
  //     defaultSearchColumns: [// 搜索区常规字段（初始值）
  //       { prop: 'name', label: '展示名称', type: 'input' }
  //     ],
  //     operationData: [ // 右上角的操作按钮
  //       { label: '新增', perm: 'device:maintainTemplate:add' },
  //       // { label: '批量删除', perm: 'device:maintainTemplate:delete' },
  //       { label: '页面配置', perm: '' }
  //     ]
  //   }
  // },
  // mounted() {
  // },
  // methods: {
  //   cellStyle({ row, column }) {
  //     if (column.property == 'addr') {
  //       return {
  //         cursor: 'pointer',
  //         color: '#387bfc'
  //       }
  //     }
  //   },
  //   cellClick(row, column, cell) {
  //     switch (column.property) {
  //       case 'addr':
  //         this.showDetail(row)
  //         break
  //     }
  //   },
  //   getList() {
  //     list(this.pageData).then(res => {
  //       this.tableData = res.data
  //       this.total = res.total
  //       this.loading = false
  //       this.tableData.forEach(ele => {
  //         ele.addr = window.location.host + '/#/largeScreen?code=' + ele.code
  //       })
  //       this.$nextTick(() => {
  //         this.setSelectRow(this)// 设置行选中
  //         this.tableHeight = this.$refs.table_container.offsetHeight
  //       })
  //     })
  //   },
  //   add() {
  //     this.$layer.iframe({// 弹框
  //       content: {
  //         content: AddOrUpdate, // 传递的组件对象
  //         parent: this, // 当前的vue对象
  //         data: {}// props
  //       },
  //       area: ['880px', '620px'],
  //       title: '新增可视化', // 标题
  //       shadeClose: false // 点击遮罩是否关闭
  //     })
  //   },
  //   edit(row) {
  //     this.$layer.iframe({// 弹框
  //       content: {
  //         content: AddOrUpdate, // 传递的组件对象
  //         parent: this, // 当前的vue对象
  //         data: {
  //           id: row[this.mainId]
  //         }// props
  //       },
  //       area: ['880px', '620px'],
  //       title: '编辑可视化', // 标题
  //       shadeClose: false // 点击遮罩是否关闭
  //     })
  //   },
  //   showDetail(row) {
  //     // this.$router.push('/largeScreen?code=' + row.code)
  //     const routerUrl = this.$router.resolve({ path: '/largeScreen', query: { code: row.code }})
  //     window.open(routerUrl.href, '_blank')
  //   },
  //   deleteOne(row) {
  //     const _this = this
  //     this.$confirm('确定要删除吗', '删除确认', {
  //       confirmButtonText: '确定',
  //       cancelButtonText: '取消', cancelButtonClass: 'cancelConfirm',
  //       type: 'warning'
  //     }).then(function() {
  //       remove(row[_this.mainId]).then(res => {
  //         _this.$message({
  //           message: res.msg,
  //           type: 'success'
  //         })
  //         _this.selectionsAll = []
  //         _this.getList()
  //       })
  //     }).catch(() => {})
  //   },
  //   // 当前页的删除接口
  //   deleteMethod(deleteIds) {
  //     return remove(deleteIds)
  //   }
  // }
}
</script>

<style lang="less" scoped>
</style>
